<template>
    <div id="app">
		<router-view />
    </div>
</template>

<style lang="less">
*{
	padding: 0;
	margin: 0
}
html, body{
	font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: @default-font-color;
	background-color: @default-page-bgColor;
	font-size: 14px;
}
li{
	list-style: none;
}
#app{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.demo{
	padding: 30px;
	font-size: 24px;
	.demo-title{
		font-size: 30px;
		margin-top: 30px;
	}
	.demo-params{
		padding: 10px 0;
		.item{
			display: flex;
			align-items: center;
			width: 100%;
			padding: 15px 0;
			.l{
				margin-right: 30px;
				width: 200px;
			}
			.r{
				display: flex;
				align-items: center;
				flex: 1;
				input[type=text]{
					width: 100%;
					border: 0;
					background: none;
					outline: none;
				}
				input[type=radio]{
					margin-right: 30px;
					margin-left: 5px;
				}
			}
		}
	}
	table{
		width: 100%;
		margin-bottom: 30px;
		td{
			padding: 10px;
			max-width: 300px;
		}
	}
}
</style>
